<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/my.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="https://cdn.bootcss.com/json2/20160511/json2.min.js"></script>
    <script type="text/javascript" src="js/my.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var mywx = myweixin;
            //mywx.initial();
            $('.carousel').carousel();
        });

    </script>
</head>

<body>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/banner2_lx.jpg" alt="...">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            <div class="item">
                <img src="images/yuanqu1.jpg" alt="...">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            <div class="item">
                <img src="images/yuanqu2.jpg" alt="...">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
        </div>

        <!-- Controls
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a-->
    </div>
    <div class="section my-gap-top">
        <div class="container">
            <div class="my-icon-container col-xs-3 text-center">
                <a href="/I0027" class="text-center">
                    <img src="images/ao_icons_glance.png" class="img-responsive my-icon">
                    <span class="my-icon-text">园区介绍</span>
                </a>
            </div>
            <div class="my-icon-container col-xs-3 text-center">
                <a href="ee_index.html" class="text-center">
                    <img src="images/ao_icons_o2o.png" class="img-responsive my-icon">
                    <span class="my-icon-text">招商通</span>
                </a>
            </div>
            <div class="my-icon-container col-xs-3 text-center">
                <a href="tex_index.html" class="text-center">
                    <img src="images/ao_icons_tex.png" class="img-responsive my-icon">
                    <span class="my-icon-text">财税通</span>
                </a>
            </div>
            <div class="my-icon-container col-xs-3 text-center">
                <a href="app_index.html" class="text-center">
                    <img src="images/ao_icons_more.png" class="img-responsive my-icon">
                    <span class="my-icon-text">更多应用</span>
                </a>
            </div>
        </div>
    </div>
    <div id="notifybar" class="container my-gap-top">
            <i class="fa fa-bookmark" aria-hidden="true" style="color:#5066b4"></i>
            <span>最新动态</span>
        <a href="javascript:hidenotify()"><i class="fa fa-close badge" aria-hidden="true" style="background-color:transparent;color:#636363">&nbsp;</i></a>
    </div>
    <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
        <div class="btn-group col-xs-12 my-nav-group">
            <a href="#" class="btn btn-default col-xs-3 my-nav-item">
                <i class="fa fa-comments-o" aria-hidden="true"></i><br>
                <span>消息</span>
            </a>
            <a href="#" class="btn btn-default col-xs-3 my-nav-item disabled">
                <i class="fa fa-home" aria-hidden="true"></i><br>
                <span>首页</span>
            </a>
            <a href="#" class="btn btn-default col-xs-3 my-nav-item">
                <i class="fa fa-building-o" aria-hidden="true" style="font-size:16px;line-height:20px"></i><br>
                <span style="line-height:19px">企业</span>
            </a>
            <a href="#" class="btn btn-default col-xs-3 my-nav-item">
                <i class="fa fa-user" aria-hidden="true"></i><br>
                <span>个人</span>
            </a>
        </div>
    </nav>
    <script type="text/javascript">
        var isnotifybarhiden = false;
        function hidenotify(){
            if(!isnotifybarhiden){
                $("#notifybar").addClass("hide");
                isnotifybarhiden = true;
            }else{
                $("#notifybar").removeClass("hide");
                isnotifybarhiden = false;
            }
        }
    </script>
</body>

</html>
